※追記 HUAWEI WATCH3にも対応した2021年の最新の作り方をまとめました。以下よりどうぞ。※最新版のほうが若干ですがわかりやすくなっていますね！

HUAWEI WATCH 3 ウォッチフェイス作成方法 最新版！ Huawei Watch Face Designer

以前このブログで公開したHUAWEI WATCH GT2向けのウォッチフェイス作成方法ですが、マニアックな記事の癖に多くの人に見てもらえて感謝。というわけで今回は今期ついに発売になったHUAWEI W ...

↓以下より旧Verの作り方です。

今回作成する最終目標。

HUAWEI+HEALTH+MOD+v.11.0.0.517.apk

上記のヘルスケアアプリのカスタム版を使う事で単体でカスタムウォッチフェイスのアップロードが可能になりました！超便利！ ただし、入手先がコロコロ変わるのと、広告の多いオンラインストレージからのダウンロードなので自己責任で。

ちなみに、上記アプリは非Huawei機限定だそうです。

まず、今回はHuawei Watch Face Designerでオリジナルウォッチフェイスを作る手順の紹介です。その前に、作ったウォッチフェイスを自分のHUAWEI Watchに転送出来るように刷る必要があります。しかーし。まずここがすごく難しい！ていうか、今現状、Android10環境だと下記の方法でも出来なくて、Android9環境が必須。

概要としては、仮想Root環境を端末内に構築して、そこにHUAWEI Healthをインストールして、追加モジュールを入れると転送が出来る。

っていう事です。おｋ意味分からん。まぁ難しそうに見えるけど、やってる事はアプリを3つ～4つインストールするだけですので下記サイト様が詳しく説明しているのでそちらを参考にしてみてね。Ver違いとかが結構シビアでトライアンドエラーになるかと。

Huawei watch GT2カスタムフェイス追加の方法と変更の仕方や文字盤のウオッチフェイスダウンロードについていくつかまとめてみました(パルスオキシメーター付きスマートウオッチ,SpO2 | ブルージョナサンのブログ

kakuyasuunyou.info

[blogcard url="https://developer.huawei.com/consumer/en/doc/30114"]

https://developer.huawei.com/consumer/en/doc/30114

上記リンクからHuawei Watch Face Designerをダウンロードします。

File > Newから新しいプロジェクトを始める。今回はGT2 Pro用なので、"GT2"を選択して サイズを454✕454pxを選択。プロジェクトネームは任意のモノを設定する

おそらく、本来はテーマストアに並ぶ際に使う、テーマファイルのサマリー情報。バージョンやデベロッパー等。 ウォッチフェイスのイメージ画像は、一覧に並ぶ時のプレビュー？とりあえず最後に設定もできるので、現時点では必須項目のみ入れていく。

これが作成する画面です。操作感がちょっと特殊で 大カテゴリ(赤枠)が扱うデータ種類で 実際のコンテンツ（青枠）はそのカテゴリで扱えるものだけアクティブ化出来ます。

【用途不明】と書いたものはいまいち使い方が分からないもの。

基本的に大カテゴリ上にそれぞれコンテンツを配置していくという感じです。例えば同じClockHands（針）でも、大カテゴリが異なると表すものが違います。

Time 時間関連　+　ClockHands（針）＝　時/分/秒に沿って回転する針

Date 日付関連　+　ClockHands（針）＝　曜日や日付に沿って回転する針

これらをパズルみたいな感じで組み合わせて設定していく感じになります。

では実際に作った画像を元にそれぞれ配置していってみましょう。ちなみに完成図は下記のような感じ。大元はGearS3のデフォルトのウォッチフェイスを参考にしました。GearS3のウォッチフェイスクオリティ高いんですよね…。今回は、PhotoShopでそれを再現しました。 機能としては

本来のGearS3ウォッチフェイスは、天気の所がムーンフェイズになっていましたが、現状、Huawei Watch Face Designerではムーンフェイズを扱うデータ・タイプは無いみたいです。

まずはベースとなる文字盤から。これをおくだけでイメージがしやすくなります。 大カテゴリ Background + Sgimageで背景を指定します。

次に時計と言えば針です。大カテゴリ Time + Clockhands　で　時分秒を設定します。 それぞれ針が必要なので、今回は3つ使う事になります。画面右のRotation Center relative positionが回転する中心です。ここをしっかり合わせないと回る時にユワンユワンしてダサいです。DataTypeに何を表す針かを選択します。

全て設定すると下記のような感じに。大分それっぽくなってきました。

バッテリーや天気等は特殊です。まず大カテゴリー Widgetを追加した後、右クリック > Add >  Contener と設定します。このコンテナの塊が一つの機能という感じです。 今回はバッテリー針を作るんで名前をバッテリーにしておきます。

そして、DataTypeを Battery level に設定する事で、このコンテナはバッテリーを扱うコンテナと定義する事ができます。

ここまで定義すると、バッテリーのコンテナの中にClockHands（針）を追加する事が出来ます。画像を設定して動作を設定します。 画像を見ると、0％～100％を表す円が途中で切ったデザインになっています。この場合、Starting and ending Anglesで値を調整すると、その間だけで針が動いてくれます。 今回は　30度からスタートして330度で止まるように設定しました。

曜日針は　大カテゴリー Date + ClockHandsで表示出来ます。バッテリー同様に針で表す場合　Data TypeをWeekに設定すると表現できます。 この場合は100％がSunday（日曜日）になるので、100 / 7≒14度 で14度ごとに示すように、デザインの方で調整します。デザインの時点で計算がずれるとここでずれます。

ついでに同じDateカテゴリの日付テキストも追加。これは簡単。Textで配置するだけ。

最後に天気です。バッテリーと同様にコンテナーを追加し、DataTypeをWeatherに変更します。 このデータでは0～10の値に、それぞれ天気の状態が紐付いています。例えば、1は晴れ・2は夜の晴れ・3は曇といった具合です。 （詳しくはDocumentを見てね）

ここでは、用意した画像をドラッグして一気に9個選択します。Previewの部分でステータスは変えられるので正しく設定されてるか確認しましょう。 DustStorm、Hazy、Frogというステータスがあるんだけど、一体どんな天気なんだろう…

で、出来上がったのがこんな感じ。どうですかね？英語で分かりづらいけど、操作はそんなに難しくないかと。んで、ここまで来たらあとは書き出します。一度Save。

File > Watch Infoでサムネイル等を追記します。が、今現在、ココで設定したものを取り込んでも、一覧時ではバグって表示されます。。

File > Export から書き出します。なんかダイアログが出ますが　No direct export を選択すると、指定したフォルダにファイルが書き出されます。

指定したフォルダに.hwtファイルができていれば完成です。あとは、このファイルを一番最初にご紹介した方法で転送すれば完了です。